import { createApp } from "vue"
import App from "./App.vue"
// 导入 路由
import router from "./router"
import { createPinia } from "pinia"
/* 

// 全量导入element-plus
import element from "element-plus"
// 全量导入element-plus样式
import "element-plus/dist/index.css" 

*/
// ElMessage, ElNotification, ElMessageBox，单独引入
// 这些api 的独立样式，需要单独引进
import element from "./plugins/element"

// 导入uno.css样式
import "uno.css"
// 去掉默认样式
import "normalize.css/normalize.css"
// 导入全局样式变量
import "@/style/index.scss"
// createApp(App).mount("#app")
// pinia 持久化插件
import piniaPluginPersistedstate from "pinia-plugin-persistedstate"

import "./permission"
// 权限指令 1. 导入 定义指令插件
import directives from "./directives"
const app = createApp(App)
//
const pinia = createPinia()
// 安装持久化插件
pinia.use(piniaPluginPersistedstate)

// 加载 pinia 插件
app.use(pinia)
// 加载router 插件
app.use(router)
app.use(element)
// 权限指令 2. 注册 自定义指令插件
app.use(directives)
// 挂载
app.mount("#app")
// const a = 1

// pinia.use(piniaPluginPersistedstate) // 安装持久化插件

// app.use(element)
